.FrontLayer {
    width: 100%;
    height: 48vh;
    overflow: hidden;

    &>.ant-tabs {
        height: 100%;
        overflow: hidden;

        &>.ant-tabs-content-holder {
            height: 100%;

            &>.ant-tabs-content {
                height: 100%;

                &>.ant-tabs-tabpane {
                    height: 100%;
                }
            }
        }

        .FrontLayerList {
            width: 100%;
            height: 100%;
            display: flex;
            align-items: flex-start;
            justify-content: flex-start;
            flex-wrap: wrap;
            overflow-y: scroll;

            &::-webkit-scrollbar {
                display: none;
            }

            &>div {
                width: 23%;
                margin: 1%;
                overflow: hidden;
                position: relative;
                z-index: 1;
                cursor: pointer;
                user-select: none;

                &::after {
                    position: absolute;
                    top: 8px;
                    right: 8px;
                    width: 8px;
                    height: 8px;
                    border-radius: 50%;
                    background: #13c2c2;
                }

                &.active {
                    &::after {
                        content: '';
                    }

                    &>img {
                        border: 1px solid #13c2c2;
                    }

                    &>div {
                        color: #13c2c2
                    }
                }


                &>img {
                    width: 100%;
                    aspect-ratio: 1920/1080;
                    cursor: pointer;
                    pointer-events: none;
                    position: relative;
                    z-index: -1;
                    border-radius: 6px;
                }

                &>div {
                    width: 100%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }
            }

        }
    }
}